<template>
	<view class="signContainer">
		<view v-if="tab=='ts'">
			<todaySign></todaySign>
		</view>
	    <view v-else-if="tab=='as'">
			<attendStatist></attendStatist>
		</view>
		 
		 <view class="sign_tabBar_box"></view>
		 <view class="sign_tabBar flex bg-white">
			 <view @tap="changeCom('ts')">
				 <text class="tabIco cuIcon-edit"></text>
				 <text>今日考勤</text>
			 </view>
			 <view @tap="changeCom('as')">
				 <text class="tabIco cuIcon-upstage"></text>
				 <text>考勤统计</text>
			 </view>
			 <view @tap="changeCom('ms')">
				 <text class="tabIco cuIcon-album"></text>
				 <text>我相关的</text>
			 </view>
			 <view @tap="changeCom('mt')">
				 <text class="tabIco cuIcon-newshot"></text>
				 <text>我申述的</text>
			 </view>
		 </view>
	</view>
</template>

<script>
	import ts from './todaySign.vue'
	import ads from './attendStatist.vue'
	export default {
		components: {
			todaySign: ts,
			attendStatist: ads
		},
		data() {
			return {
				tab: 'ts'
			};
		},
		created() {
		},
		methods: {
			changeCom(tabText){
				this.tab = tabText
			}
		}
	};
</script>

<style>
	.sign_tabBar{
		width: 100%;
		height: 102rpx;
		position: fixed;
		bottom: 0;
	}
	.sign_tabBar_box{
		height: 120rpx;
	}
	.sign_tabBar view {
		display: flex;
		justify-content: center;
		text-align: center;
		flex-direction: column;
		flex: 1;
	}
	.sign_tabBar view text {
		font-size: 24rpx;
		color: #707070;
	}
	.tabIco{
		font-size: 24px !important;
	}
</style>
